<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>角色增加</title>
<link rel="stylesheet" href="../../../files/css/layui.css" media="all">
<style type="text/css">
#goodsImg {
	position: relative;
	left: 110px;
}
</style>
</head>
<body>

	<fieldset class="layui-elem-field layui-field-title"
		style="margin-top: 20px;">
		<legend>角色增加列表</legend>
	</fieldset>

	<form class="layui-form" action="../../../role/saveOrUpdate.action"
		method="post">

		<div class="layui-form-item">
			<label class="layui-form-label">角色名称</label>
			<div class="layui-input-inline">
				<input type="text" name="roleName" id="roleName"
					lay-verify="required" placeholder="请输入" autocomplete="off"
					class="layui-input">
			</div>
		</div>
		<div class="layui-form-item">
			<label class="layui-form-label">角色编码</label>
			<div class="layui-input-inline">
				<input type="text" name="roleCode" readonly="readonly" value="UTF-8"
					lay-verify="required" placeholder="请输入" autocomplete="off"
					class="layui-input">
			</div>
		</div>

		<div class="layui-form-item">
			<label class="layui-form-label">备注</label>
			<div class="layui-input-inline">
				<textarea placeholder="请输入内容" name="roleDesc" class="layui-textarea"></textarea>
			</div>
		</div>

		<div class="layui-form-item">
			<label class="layui-form-label">是否有效</label>
			<div class="layui-input-inline">
				<select name="isva" id="isva" required="required">
					<option value="0">无效</option>
					<option value="1">有效</option>
				</select>
			</div>
		</div>

		<div class="layui-form-item">
			<label class="layui-form-label">赋予角色</label>
			<div class="layui-input-inline" id="tbRole" style="width: 700px;"></div>
		</div>

		<input type="hidden" id="str" name="str">

		<div class="layui-form-item">
			<div class="layui-input-block">
				<input onclick="aa()" type="submit" class="layui-btn" lay-submit=""
					lay-filter="imgAdd" value="立即增加">
				<button type="reset" class="layui-btn layui-btn-primary">重置</button>
			</div>
		</div>
	</form>



	<script src="../../../files/js/layui.js"></script>
	<script type="text/javascript" src="../../../commom/js/base.js"></script>
	<script type="text/javascript" src="../../../files/js/jquery.min.js"></script>
	<script>

function aa(){
	var bb="";
	var temp="";
	var a=document.getElementsByName("ro");
	//alert(a.length);
	for(var i=0;i<a.length; i++){
		if(a[i].checked){
			temp=a[i].value;
			if(bb==""){
				bb=temp;
			}else{
				bb=bb+","+temp;
			}
		}
	}
	alert(bb);
	$("#str").val(bb); 
	
}

layui.use('form', function(){
  var form = layui.form
  ,layer = layui.layer
  ,$ = layui.$;
  form.on('submit(imgAdd)',function(){
	  parent.location.reload(); // 父页面刷新
  });
  
  var url = getRootPath()+"module/findAll.action";
	$.post(url,null,function(msg){
		var data = msg[1];
		for(var i=0;i<data.length;i++){
			$("#tbRole").append("<input type='checkbox' style='width:80px;' value="+data[i].modId+" name='ro' title="+data[i].modName+">");
		}
		//form表单重新渲染
		form.render();
	},dataType="JSON");
  
});
</script>

</body>
</html>